<template>
  <view class="flex justify-center align-center padding">
    <view class="line flex-sub" :style="{backgroundColor:color}"></view>
    <view class="margin-lr-sm" :style="{color:color}">{{ title }}</view>
    <view class="line flex-sub" :style="{backgroundColor:color}"></view>
  </view>
</template>

<script>
export default {
  name: "list-load-over",
  data() {
    return {};
  },
  props: {
    title: {
      type: String,
      default: "啊哦，到底咯~"
    },
    color: {
      type: String,
      default: "#AAA"
    }
  }
}
</script>

<style scoped>
.line {
  height: 1px;
}
</style>
